<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // 表单提交事件调用的函数必须要有返回值
        function checkForm() {
            alert("表单提交事件触发了...");
            // 校验结果
            //return false;
        }
    </script>
</head>
<body>
    <!--
        TODO:表单提价事件
            onsubmit: 只有在表单提交时,才会触发此事件
                表单提交事件调用的函数必须要有返回值,返回boolean值
                默认返回 true(返回的值表示校验状态)
            表单上的return,用于通知表单是否提交
            <form onsubmit="return 函数名()"></form>
     -->
    <!-- 收集表单中的数据信息,将信息提交到指定的服务器 -->
    <!-- 表单上的return:通知表单是否提交  -->
    <form action="http://www.baidu.com" onsubmit="return checkForm()">
        用户名: <input type="text" name="username"> <br>
        密码: <input type="password" name="password"> <br>
        <input type="submit" value="表单提交">
    </form>
</body>
</html>